body{ background: #999999 url(/dianping/images/exams/bg.png) center;background-size: cover;}
.header{ height: 90px; 
background-color:#fafaf9;
background: -webkit-gradient(linear, 0% 20%, 0% 1000%, from(#fafaf9), to(#f4f2f1), color-stop(.1,#f4f2f1));
background: -moz-linear-gradient(0% 0%, #fafaf9, #f3f3f3 10%, #f4f2f1); 
background: -ms-linear-gradient(0% 0%, #fafaf9, #f3f3f3 10%, #f4f2f1); 
box-shadow: 0 0 10px #2f2f32;
position:relative;
filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fffafaf9,endcolorstr=#fff4f2f1,gradientType=0);   
-ms-filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=90) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fffafaf9,endcolorstr=#fff4f2f1,gradientType=0);}
.font_fam{font-family: "微软雅黑"; }
.blue{ color: #10a2cb;}
.green{ color: #339701;}
.grey{ color: #333333;}
.weight{ font-weight: bold;}
.size_14{ font-size: 14px;}
.icon{ background: url(/dianping/images/exams/icon.png) no-repeat;display:block; float: left;}

.main{ width: 860px; margin: 0 auto; margin-top: -90px; color: #666666; font:12px/1.5em "宋体"; }
.m_header{height:90px;margin-top: 13px; position:relative;}
.m_h_left{ width: 300px; float: left; background: url(/dianping/images/exams/logo.png) no-repeat;  padding-left: 157px; padding-top: 37px;}
.top_tit{ font-size:20px; }
.m_h_right{ width: 230px; float: right;padding-top: 24px; text-align: right;}

.title{ width: 860px; margin: 0 auto; height: 30px; text-align: center; padding-top: 35px;}
.tit_style{font-size:24px;  text-shadow:0 2px 0 #f4f4f4,2px 0 0 #f4f4f4,-2px 0px 0 #f4f4f4,0px -2px 0 #f4f4f4; display:block;height: 30px; line-height: 30px;}

.content{ width: 860px;  margin-top: 40px; border: 1px solid #9e9e9e;border-top: 3px solid #53c0df; border-radius: 5px; background: url(/dianping/images/exams/content_bg.png) repeat; position:relative; display: inline-block;min-height: 450px;_height:450px;}
.shadow:before { content: ''; width: 550px; height: 30px; position: absolute; bottom: 3px; right: 130px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3); z-index: -1; border-radius: 300px/15px;}
.pic{ width: 191px; height: 38px; background: url(/dianping/images/exams/pic.png) no-repeat; position:absolute; top:-11px;left: 335px;}
.pic2{ background-position:0 -38px;}
.con_top{ width: 818px; height: 35px; border-bottom: 1px solid #dcdcdc; margin: 0 auto; padding-top: 37px;}
.con_t_left{ width: 400px; height: 20px; float: left;}
.txt{ float: left;}
.progress{ width: 263px; height: 13px; background: #dedede; border-radius: 10px; float: left; margin-top: 4px; box-shadow:0 -1px 1px #fcfcfc inset, 0 1px 2px #c0c0c0 inset;}
.progress_inner{ width: 100px; height: 12px;border-radius: 10px; background: url(/dianping/images/exams/progress.png) repeat-x;}
.con_t_right{ float: right;}
.icon1{ width:17px; height: 18px;background-position: 0 -96px; }
.distance{ padding-left: 7px; padding-top: 1px;}
.con_bottom{width: 818px;border-top: 1px solid #f3f3f3; margin: 0 auto;}
.question{ margin-top: 19px; margin-left: 15px;}
.question_num{ float: left;}
.question_tit{ float: right; width: 740px; word-break:break-all;}
.answer{margin-top: 20px; margin-left: 75px;}
.answer_li{ padding-top: 5px!important; padding-top: 0;word-break:break-all;}
.li_radio{ float: left;}
.label{ width: 720px; float: right; margin-top: -2px !important; margin-top: 3px;}
.li_check{ float: left;}
.check_label{width: 720px; float: right;margin-top: -2px !important; margin-top: 3px;}
.tip{ width: 666px;background: #faf8cc; border: 1px solid #f9f999; margin: 0 auto; margin-top: 22px;}
.tip_top{ margin:6px 0 6px 284px;}
.icon2{ width: 23px; height: 23px;background-position: 0 0;}
.tip_txt{ padding-left: 10px; height: 23px; line-height: 23px;}
.tip_btm{ width: 666px; margin-top: 5px; text-align: center;}

.btn{ width:510px;height: 31px;  margin-top: 21px; margin-bottom: 48px; padding-left: 350px; position:relative;}
.btn_txt{ height: 31px; line-height: 31px;font-size: 16px; color: #ffffff; text-shadow: 0 1px 1px #6899a2;}
a.click{ width: 160px; height: 31px; position:absolute; display: block;background: url(/dianping/images/exams/btn.png) no-repeat; text-align: center;}
a.click:hover{ text-decoration: none;}

.footer{ width: 860px; height:50px; text-align: right; margin-top: 46px;}

.border{ border: none;}
.txt_area{ width: 390px; height: 46px; margin-top: 11px; margin-left: 96px!important; margin-left: 50px}
.text{ width: 390px; height: 46px; border: 1px solid #d0d0d0; box-shadow: 1px 1px 3px #eaeaea inset;resize:none; outline: medium none; overflow-y: visible;}
.icon3{ width: 23px; height: 23px;background-position: 0 -47px;}
.icon4{ width:20px; height:25px; float:left;background-position: 0 -136px; margin-left: 6px;}
.other{ float: left; margin-left: 5px;}



/*befor*/
.pic1{ background-position:0 0;}
.c_title{ font-size:24px; width: 860px; padding-top: 72px; text-align: center;}
.b_list{ width:860px; margin: 0 auto;}
.b_list_ul{ width:420px;margin: 0 auto;margin-top: 40px; }
.b_list_li{  width:420px;height:20px;}
.icon5{ width:9px; height:14px; display:block; background-position: 0 -176px; float:left;}
.li_txt{ width: 400px; float: left; margin-left: 5px; word-break:break-all;}
.icon6{ width:16px; height: 24px;background-position: 0 -190px; margin-left: 35px; display: inline;}
.b_mar{ margin-top: 60px; }


/*after*/
.pic3{ background-position:0 -76px;}
.result_top{ width: 818px; height: 121px; margin: 0 auto; border-bottom: 1px solid #dcdcdc; padding-top: 95px;}
.result_top_pic{ width: 70px; height: 72px; background: url(/dianping/images/exams/result_top_pic.png) no-repeat; float: left; margin-left: 88px; display: inline;}
.result_top_txt{ width: 65px; height: 65px; font:29px/1.2em "微软雅黑"; float: left; margin-left: 17px;display: inline;}
.result_top_txt1{ font-size: 20px; height:50px; line-height:50px; }
.result_tarea{float: left; margin-left: 89px;  }
.result_tip{line-height: 20px; color:#555555; padding-top:20px;}
.result_tip .link{ color:#339701;}
.family{ font-family:"Century Gothic"; font-size:42px;}
.result_bottom{ width: 818px;border-top: 1px solid #f3f3f3; margin: 0 auto;padding-top: 27px; margin-bottom: 30px;}
.detail{ width:160px;height:26px;background: url(/dianping/images/exams/detail.png) no-repeat;float: left; margin-left: 88px; display: inline; line-height: 26px;}
.detail_txt{ padding-left: 37px;}
.detail_num{ width:500px; height:26px; float:left; line-height:26px;margin-left: 15px;}